<!DOCTYPE html>
<html>
<head>
    <title>采购供应商表</title>
    <#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <form class="form-inline" role="form">
                <a @click="reset"><i class="fa fa-refresh"></i></a>
                <div class="form-group">
                    <input type="text" class="form-control input-sm" v-model="q.msName" @keyup.enter="query" placeholder="耗材名称">
                </div>&nbsp;&nbsp;&nbsp;
                <a class="btn btn-default btn-sm"  @click="query">查询</a>&nbsp;&nbsp;&nbsp;
                <a class="btn btn-primary btn-sm" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            </form>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default" align="center">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-3 control-label"><span style="color: red">*</span> 采购供应商名称：</div>
                <div class="col-sm-9">
                    <input type="text" class="form-control input-sm" v-model="storeMaterialSupplier.msName" placeholder="采购供应商名称"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">地址：</div>
                <div class="col-sm-9">
                    <input type="text" class="form-control input-sm" v-model="storeMaterialSupplier.address" placeholder="地址"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">联系人：</div>
                <div class="col-sm-9">
                    <input type="text" class="form-control input-sm" v-model="storeMaterialSupplier.contacts" placeholder="联系人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">联系电话：</div>
                <div class="col-sm-9">
                    <input type="text" class="form-control input-sm" v-model="storeMaterialSupplier.tel" placeholder="联系电话"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">备注：</div>
                <div class="col-sm-9">
                    <textarea class="form-control input-sm" rows="3" v-model="storeMaterialSupplier.remark" placeholder="备注"></textarea>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary  btn-sm" @click="save" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning  btn-sm" @click="reload" value="返回"/>
            </div>
        </form>
    </div>

    <!-- 审核弹框 -->
    <el-dialog title="采购商供应商信息" :visible.sync="formVisible" width="420px">
        <el-form :model="form">
            <el-form-item label="ID: " label-width="80px">
                {{storeMaterialSupplier.msId}}
            </el-form-item>
            <el-form-item label="名称: " label-width="80px">
                {{storeMaterialSupplier.msName}}
            </el-form-item>
            <el-form-item label="电话: " label-width="80px">
                {{storeMaterialSupplier.tel}}
            </el-form-item>
            <el-form-item label="地址: " label-width="80px">
                {{storeMaterialSupplier.address}}
            </el-form-item>
            <el-form-item label="备注: " label-width="80px">
                {{storeMaterialSupplier.remark}}
                <!--<el-input v-model="form.remark" type="textarea" :autosize="{ minRows: 2, maxRows: 6}" placeholder="请输入备注信息"></el-input>-->
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="auditConfrim" size="mini">审核通过</el-button>
            <el-button type="warning" @click="reject" size="mini">驳 回</el-button>
            <el-button @click="formVisible = false" size="mini">取 消</el-button>
        </div>
    </el-dialog>
</div>

<script src="${request.contextPath}/statics/js/modules/purchase/storematerialsupplier.js?_${.now?long}"></script>
<style>
    .el-form-item {margin-bottom: 10px;}
</style>
</body>
</html>